<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<jsp:include page="../framework/header.jsp" />
<div id="container" class="effect aside-float aside-bright mainnav-lg navbar-fixed mainnav-fixed aside-fixed">
	<jsp:include page="../framework/topper.jsp" />
	<div class="boxed">
		<!--=======================  页面主体内容  ============================-->
		<div id="content-container">
			<div class="wrapper">
				<!--=========================  页面标题  ==========================-->
				<div id="page-title">
						<p class="page-header text-overflow table-header">
							步骤表单&nbsp;&nbsp;<small>说明文字</small>
						</p>
					</div>
					<ol class="breadcrumb">
						<li><a href="#">UI样式</a></li>
						<li class="active">步骤表单</li>
					</ol>
				<div id="page-content">
					<form class="form-horizontal">
						<div class="row">
							<div class="col-md-10">
									<div id="one" class="panel">
										<div class="panel-heading"><h3 class="panel-title">基础信息</h3></div>
										<div class="panel-body">
											<p class="text-main text-bold">基础信息</p>
											<hr>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>镜像名称:</label>
												<div class="col-sm-4">
													<input id="imageName" name="imageName" type="text"
														class="form-control" />
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>镜像版本:</label>
												<div class="col-sm-4">
													<input id="versionDesc" name="versionDesc" type="text"
														class="form-control" />
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>单选:</label>
												<div class="col-sm-4">
													<div class="radio display-inline">
							                            <input id="form-radio-1" class="magic-radio" type="radio" name="form-radio-button" checked="">
							                            <label for="form-radio-1">Option 1</label>
							                        </div>
													<div class="radio display-inline">
							                            <input id="form-radio-2" class="magic-radio" type="radio" name="form-radio-button" >
							                            <label for="form-radio-2">Option 2</label>
							                        </div>
													<div class="radio display-inline">
							                            <input id="form-radio-3" class="magic-radio" type="radio" name="form-radio-button" >
							                            <label for="form-radio-3">Option 3</label>
							                        </div>
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>多选:</label>
												<div class="col-sm-4">
													<div class="checkbox display-inline">
							                            <input id="form-checkbox-1" class="magic-checkbox" type="checkbox" checked="">
							                            <label for="form-checkbox-1">Option 1</label>
							                        </div>
													<div class="checkbox display-inline">
							                            <input id="form-checkbox-2" class="magic-checkbox" type="checkbox" >
							                            <label for="form-checkbox-2">Option 2</label>
							                        </div>
													<div class="checkbox display-inline">
							                            <input id="form-checkbox-3" class="magic-checkbox" type="checkbox" >
							                            <label for="form-checkbox-3">Option 3</label>
							                        </div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>文件:</label>
												<div class="col-sm-4">
														<span class="btn btn-primary btn-xs btn-file">
								                        选择文件... <input type="file">
								                        </span>
														<span class="btn btn-primary btn-sm btn-file">
								                        选择文件... <input type="file">
								                        </span>
														<span class="btn btn-primary btn-file">
								                        选择文件... <input type="file">
								                        </span>
														<span class="btn btn-primary btn-lg btn-file">
								                        选择文件... <input type="file">
								                        </span>
								                </div>
					                        </div>
	
											<p class="text-main text-bold">环境信息</p>
											<hr>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>集群名称:</label>
												<div class="col-sm-4">
													<input id="dockerClusterName" name="dockerClusterName"
														onclick="docclu.openDockerlayer();" placeholder="请选择集群"
														class="form-control"> <i class="fa fa-search"
														style="float: right; margin-top: -20px; margin-right: 10px;"
														onclick="openDockerlayer();"></i> <input
														id="dockerClusterId" name="dockerClusterId" type="hidden">
													<input id="limitNum" name="limitNum" type="hidden">
													<input id="replicasReal" name="replicasReal" type="hidden">
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>通讯协议:</label>
												<div class="col-sm-4">
													<select id="protocol" name="protocol" class="form-control">
														<option value="0">TCP</option>
														<option value="1">UDP</option>
													</select>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>运行模式:</label>
												<div class="col-sm-4">
													<select id="mode" name="mode" class="form-control">
														<option value="0">replicated</option>
														<!-- <option value="1" >global</option> -->
													</select>
													<!-- <label id= "mes"  style="display: none"> 在集群的每个节点上启动一个容器</label> -->
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>副本数:</label>
												<div class="col-sm-4">
													<input id="replicas" name="replicas" type="text"
														placeholder="请输入副本数" onchange="replicasCkeck();"
														class="form-control" /> <span id="text"
														class="help-block text-right">最大限制数：<span
														id="maxNum"></span>个
													</span>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>容器端口:</label>
												<div class="col-sm-4">
													<input id="targetPort" name="targetPort" type="text"
														placeholder="请输入目标端口" class="form-control" />
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>发布端口:</label>
												<div class="col-sm-4">
													<input id="publishedPort" name="publishedPort" type="text"
														placeholder="请输入发布端口" class="form-control" />
												</div>
											</div>
											
											<!-- ================= 可折叠表单内容 ===================== -->
											<div class="panel">
					
							                    <!-- Accordion title -->
							                    <div class="panel-heading">
							                        <div class="panel-title">
							                            <a data-parent="#demo-accordion" data-toggle="collapse" href="#demo-acc-panel-1" class="collapsed" aria-expanded="false"><i class="fa fa-caret-square-o-down"></i>  高级设置</a>
							                        </div>
							                    </div>
							
							                    <!-- Accordion content -->
							                    <div id="demo-acc-panel-1" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
							                        <div class="panel-body">
							                            <div class="form-group has-feedback">
							                                <label class="col-md-2 control-label">输入项说明:</label>
							                                <div class="col-md-6">
							                                    <input type="text" class="form-control" name="username" placeholder="Username" data-bv-field="username"><i class="form-control-feedback" data-bv-icon-for="username" style="display: none;"></i>
							                                <small class="help-block" data-bv-validator="notEmpty" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">The username is required and cannot be empty</small><small class="help-block" data-bv-validator="stringLength" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">The username must be more than 4 and less than 30 characters long</small><small class="help-block" data-bv-validator="regexp" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">The username can only consist of alphabetical, number, dot and underscore</small><small class="help-block" data-bv-validator="different" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">The username and password cannot be the same as each other</small></div>
							                            </div>
							                            
														<div class="form-group">
															<label class="col-sm-2 control-label"><font color=red>*</font>运行模式:</label>
															<div class="col-sm-4">
																<select id="mode" name="mode" class="form-control">
																	<option value="0">replicated</option>
																	<!-- <option value="1" >global</option> -->
																</select>
																<!-- <label id= "mes"  style="display: none"> 在集群的每个节点上启动一个容器</label> -->
															</div>
															<label class="col-sm-1 control-label"><font color=red>*</font>副本数:</label>
															<div class="col-sm-4">
																<input id="replicas" name="replicas" type="text"
																	placeholder="请输入副本数" onchange="replicasCkeck();"
																	class="form-control" /> <span id="text"
																	class="help-block text-right">最大限制数：<span
																	id="maxNum"></span>个
																</span>
															</div>
														</div>
														<div class="form-group">
															<label class="col-sm-2 control-label"><font color=red>*</font>容器端口:</label>
															<div class="col-sm-4">
																<input id="targetPort" name="targetPort" type="text"
																	placeholder="请输入目标端口" class="form-control" />
															</div>
															<label class="col-sm-1 control-label"><font color=red>*</font>发布端口:</label>
															<div class="col-sm-4">
																<input id="publishedPort" name="publishedPort" type="text"
																	placeholder="请输入发布端口" class="form-control" />
															</div>
														</div>
							                        </div>
							                    </div>
							                </div>
							                
							                
											<div class="form-group">
												<label class="col-sm-2 control-label">备注:</label>
												<div class="col-sm-9">
													<textarea id="remark" name="remark"
														placeholder="请输入备注信息,最大长度150个字" rows="4"  class="form-control"></textarea>
													<span id="prompt"></span>
												</div>
											</div>
										</div>
									</div>
								<div id="two" class="panel">
										<div class="panel-heading"><h3 class="panel-title">环境配置</h3></div>
										<div class="panel-body">
											<p class="text-main text-bold">基础信息</p>
											<hr>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>镜像名称:</label>
												<div class="col-sm-4">
													<input id="imageName" name="imageName" type="text"
														class="form-control" />
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>镜像版本:</label>
												<div class="col-sm-4">
													<input id="versionDesc" name="versionDesc" type="text"
														class="form-control" />
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>单选:</label>
												<div class="col-sm-4">
													<div class="radio display-inline">
							                            <input id="form-radio-1" class="magic-radio" type="radio" name="form-radio-button" checked="">
							                            <label for="form-radio-1">Option 1</label>
							                        </div>
													<div class="radio display-inline">
							                            <input id="form-radio-2" class="magic-radio" type="radio" name="form-radio-button" >
							                            <label for="form-radio-2">Option 2</label>
							                        </div>
													<div class="radio display-inline">
							                            <input id="form-radio-3" class="magic-radio" type="radio" name="form-radio-button" >
							                            <label for="form-radio-3">Option 3</label>
							                        </div>
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>多选:</label>
												<div class="col-sm-4">
													<div class="checkbox display-inline">
							                            <input id="form-checkbox-1" class="magic-checkbox" type="checkbox" checked="">
							                            <label for="form-checkbox-1">Option 1</label>
							                        </div>
													<div class="checkbox display-inline">
							                            <input id="form-checkbox-2" class="magic-checkbox" type="checkbox" >
							                            <label for="form-checkbox-2">Option 2</label>
							                        </div>
													<div class="checkbox display-inline">
							                            <input id="form-checkbox-3" class="magic-checkbox" type="checkbox" >
							                            <label for="form-checkbox-3">Option 3</label>
							                        </div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>文件:</label>
												<div class="col-sm-4">
														<span class="btn btn-primary btn-xs btn-file">
								                        选择文件... <input type="file">
								                        </span>
														<span class="btn btn-primary btn-sm btn-file">
								                        选择文件... <input type="file">
								                        </span>
														<span class="btn btn-primary btn-file">
								                        选择文件... <input type="file">
								                        </span>
														<span class="btn btn-primary btn-lg btn-file">
								                        选择文件... <input type="file">
								                        </span>
								                </div>
					                        </div>
	
											<p class="text-main text-bold">环境信息</p>
											<hr>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>集群名称:</label>
												<div class="col-sm-4">
													<input id="dockerClusterName" name="dockerClusterName"
														onclick="docclu.openDockerlayer();" placeholder="请选择集群"
														class="form-control"> <i class="fa fa-search"
														style="float: right; margin-top: -20px; margin-right: 10px;"
														onclick="openDockerlayer();"></i> <input
														id="dockerClusterId" name="dockerClusterId" type="hidden">
													<input id="limitNum" name="limitNum" type="hidden">
													<input id="replicasReal" name="replicasReal" type="hidden">
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>通讯协议:</label>
												<div class="col-sm-4">
													<select id="protocol" name="protocol" class="form-control">
														<option value="0">TCP</option>
														<option value="1">UDP</option>
													</select>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>运行模式:</label>
												<div class="col-sm-4">
													<select id="mode" name="mode" class="form-control">
														<option value="0">replicated</option>
														<!-- <option value="1" >global</option> -->
													</select>
													<!-- <label id= "mes"  style="display: none"> 在集群的每个节点上启动一个容器</label> -->
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>副本数:</label>
												<div class="col-sm-4">
													<input id="replicas" name="replicas" type="text"
														placeholder="请输入副本数" onchange="replicasCkeck();"
														class="form-control" /> <span id="text"
														class="help-block text-right">最大限制数：<span
														id="maxNum"></span>个
													</span>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>容器端口:</label>
												<div class="col-sm-4">
													<input id="targetPort" name="targetPort" type="text"
														placeholder="请输入目标端口" class="form-control" />
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>发布端口:</label>
												<div class="col-sm-4">
													<input id="publishedPort" name="publishedPort" type="text"
														placeholder="请输入发布端口" class="form-control" />
												</div>
											</div>
											
											<!-- ================= 可折叠表单内容 ===================== -->
											<div class="panel">
					
							                    <!-- Accordion title -->
							                    <div class="panel-heading">
							                        <div class="panel-title">
							                            <a data-parent="#demo-accordion" data-toggle="collapse" href="#demo-acc-panel-1" class="collapsed" aria-expanded="false"><i class="fa fa-caret-square-o-down"></i>  高级设置</a>
							                        </div>
							                    </div>
							
							                    <!-- Accordion content -->
							                    <div id="demo-acc-panel-1" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
							                        <div class="panel-body">
							                            <div class="form-group has-feedback">
							                                <label class="col-md-2 control-label">输入项说明:</label>
							                                <div class="col-md-6">
							                                    <input type="text" class="form-control" name="username" placeholder="Username" data-bv-field="username"><i class="form-control-feedback" data-bv-icon-for="username" style="display: none;"></i>
							                                <small class="help-block" data-bv-validator="notEmpty" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">The username is required and cannot be empty</small><small class="help-block" data-bv-validator="stringLength" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">The username must be more than 4 and less than 30 characters long</small><small class="help-block" data-bv-validator="regexp" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">The username can only consist of alphabetical, number, dot and underscore</small><small class="help-block" data-bv-validator="different" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">The username and password cannot be the same as each other</small></div>
							                            </div>
							                            
														<div class="form-group">
															<label class="col-sm-2 control-label"><font color=red>*</font>运行模式:</label>
															<div class="col-sm-4">
																<select id="mode" name="mode" class="form-control">
																	<option value="0">replicated</option>
																	<!-- <option value="1" >global</option> -->
																</select>
																<!-- <label id= "mes"  style="display: none"> 在集群的每个节点上启动一个容器</label> -->
															</div>
															<label class="col-sm-1 control-label"><font color=red>*</font>副本数:</label>
															<div class="col-sm-4">
																<input id="replicas" name="replicas" type="text"
																	placeholder="请输入副本数" onchange="replicasCkeck();"
																	class="form-control" /> <span id="text"
																	class="help-block text-right">最大限制数：<span
																	id="maxNum"></span>个
																</span>
															</div>
														</div>
														<div class="form-group">
															<label class="col-sm-2 control-label"><font color=red>*</font>容器端口:</label>
															<div class="col-sm-4">
																<input id="targetPort" name="targetPort" type="text"
																	placeholder="请输入目标端口" class="form-control" />
															</div>
															<label class="col-sm-1 control-label"><font color=red>*</font>发布端口:</label>
															<div class="col-sm-4">
																<input id="publishedPort" name="publishedPort" type="text"
																	placeholder="请输入发布端口" class="form-control" />
															</div>
														</div>
							                        </div>
							                    </div>
							                </div>
							                
							                
											<div class="form-group">
												<label class="col-sm-2 control-label">备注:</label>
												<div class="col-sm-9">
													<textarea id="remark" name="remark"
														placeholder="请输入备注信息,最大长度150个字" rows="4"  class="form-control"></textarea>
													<span id="prompt"></span>
												</div>
											</div>
										</div>
									</div>
								<div id="three" class="panel">
										<div class="panel-heading"><h3 class="panel-title">选择组件</h3></div>
										<div class="panel-body">
											<p class="text-main text-bold">基础信息</p>
											<hr>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>镜像名称:</label>
												<div class="col-sm-4">
													<input id="imageName" name="imageName" type="text"
														class="form-control" />
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>镜像版本:</label>
												<div class="col-sm-4">
													<input id="versionDesc" name="versionDesc" type="text"
														class="form-control" />
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>单选:</label>
												<div class="col-sm-4">
													<div class="radio display-inline">
							                            <input id="form-radio-1" class="magic-radio" type="radio" name="form-radio-button" checked="">
							                            <label for="form-radio-1">Option 1</label>
							                        </div>
													<div class="radio display-inline">
							                            <input id="form-radio-2" class="magic-radio" type="radio" name="form-radio-button" >
							                            <label for="form-radio-2">Option 2</label>
							                        </div>
													<div class="radio display-inline">
							                            <input id="form-radio-3" class="magic-radio" type="radio" name="form-radio-button" >
							                            <label for="form-radio-3">Option 3</label>
							                        </div>
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>多选:</label>
												<div class="col-sm-4">
													<div class="checkbox display-inline">
							                            <input id="form-checkbox-1" class="magic-checkbox" type="checkbox" checked="">
							                            <label for="form-checkbox-1">Option 1</label>
							                        </div>
													<div class="checkbox display-inline">
							                            <input id="form-checkbox-2" class="magic-checkbox" type="checkbox" >
							                            <label for="form-checkbox-2">Option 2</label>
							                        </div>
													<div class="checkbox display-inline">
							                            <input id="form-checkbox-3" class="magic-checkbox" type="checkbox" >
							                            <label for="form-checkbox-3">Option 3</label>
							                        </div>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>文件:</label>
												<div class="col-sm-4">
														<span class="btn btn-primary btn-xs btn-file">
								                        选择文件... <input type="file">
								                        </span>
														<span class="btn btn-primary btn-sm btn-file">
								                        选择文件... <input type="file">
								                        </span>
														<span class="btn btn-primary btn-file">
								                        选择文件... <input type="file">
								                        </span>
														<span class="btn btn-primary btn-lg btn-file">
								                        选择文件... <input type="file">
								                        </span>
								                </div>
					                        </div>
	
											<p class="text-main text-bold">环境信息</p>
											<hr>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>集群名称:</label>
												<div class="col-sm-4">
													<input id="dockerClusterName" name="dockerClusterName"
														onclick="docclu.openDockerlayer();" placeholder="请选择集群"
														class="form-control"> <i class="fa fa-search"
														style="float: right; margin-top: -20px; margin-right: 10px;"
														onclick="openDockerlayer();"></i> <input
														id="dockerClusterId" name="dockerClusterId" type="hidden">
													<input id="limitNum" name="limitNum" type="hidden">
													<input id="replicasReal" name="replicasReal" type="hidden">
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>通讯协议:</label>
												<div class="col-sm-4">
													<select id="protocol" name="protocol" class="form-control">
														<option value="0">TCP</option>
														<option value="1">UDP</option>
													</select>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>运行模式:</label>
												<div class="col-sm-4">
													<select id="mode" name="mode" class="form-control">
														<option value="0">replicated</option>
														<!-- <option value="1" >global</option> -->
													</select>
													<!-- <label id= "mes"  style="display: none"> 在集群的每个节点上启动一个容器</label> -->
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>副本数:</label>
												<div class="col-sm-4">
													<input id="replicas" name="replicas" type="text"
														placeholder="请输入副本数" onchange="replicasCkeck();"
														class="form-control" /> <span id="text"
														class="help-block text-right">最大限制数：<span
														id="maxNum"></span>个
													</span>
												</div>
											</div>
											<div class="form-group">
												<label class="col-sm-2 control-label"><font color=red>*</font>容器端口:</label>
												<div class="col-sm-4">
													<input id="targetPort" name="targetPort" type="text"
														placeholder="请输入目标端口" class="form-control" />
												</div>
												<label class="col-sm-1 control-label"><font color=red>*</font>发布端口:</label>
												<div class="col-sm-4">
													<input id="publishedPort" name="publishedPort" type="text"
														placeholder="请输入发布端口" class="form-control" />
												</div>
											</div>
											
											<!-- ================= 可折叠表单内容 ===================== -->
											<div class="panel">
					
							                    <!-- Accordion title -->
							                    <div class="panel-heading">
							                        <div class="panel-title">
							                            <a data-parent="#demo-accordion" data-toggle="collapse" href="#demo-acc-panel-1" class="collapsed" aria-expanded="false"><i class="fa fa-caret-square-o-down"></i>  高级设置</a>
							                        </div>
							                    </div>
							
							                    <!-- Accordion content -->
							                    <div id="demo-acc-panel-1" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;">
							                        <div class="panel-body">
							                            <div class="form-group has-feedback">
							                                <label class="col-md-2 control-label">输入项说明:</label>
							                                <div class="col-md-6">
							                                    <input type="text" class="form-control" name="username" placeholder="Username" data-bv-field="username"><i class="form-control-feedback" data-bv-icon-for="username" style="display: none;"></i>
							                                <small class="help-block" data-bv-validator="notEmpty" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">The username is required and cannot be empty</small><small class="help-block" data-bv-validator="stringLength" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">The username must be more than 4 and less than 30 characters long</small><small class="help-block" data-bv-validator="regexp" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">The username can only consist of alphabetical, number, dot and underscore</small><small class="help-block" data-bv-validator="different" data-bv-for="username" data-bv-result="NOT_VALIDATED" style="display: none;">The username and password cannot be the same as each other</small></div>
							                            </div>
							                            
														<div class="form-group">
															<label class="col-sm-2 control-label"><font color=red>*</font>运行模式:</label>
															<div class="col-sm-4">
																<select id="mode" name="mode" class="form-control">
																	<option value="0">replicated</option>
																	<!-- <option value="1" >global</option> -->
																</select>
																<!-- <label id= "mes"  style="display: none"> 在集群的每个节点上启动一个容器</label> -->
															</div>
															<label class="col-sm-1 control-label"><font color=red>*</font>副本数:</label>
															<div class="col-sm-4">
																<input id="replicas" name="replicas" type="text"
																	placeholder="请输入副本数" onchange="replicasCkeck();"
																	class="form-control" /> <span id="text"
																	class="help-block text-right">最大限制数：<span
																	id="maxNum"></span>个
																</span>
															</div>
														</div>
														<div class="form-group">
															<label class="col-sm-2 control-label"><font color=red>*</font>容器端口:</label>
															<div class="col-sm-4">
																<input id="targetPort" name="targetPort" type="text"
																	placeholder="请输入目标端口" class="form-control" />
															</div>
															<label class="col-sm-1 control-label"><font color=red>*</font>发布端口:</label>
															<div class="col-sm-4">
																<input id="publishedPort" name="publishedPort" type="text"
																	placeholder="请输入发布端口" class="form-control" />
															</div>
														</div>
							                        </div>
							                    </div>
							                </div>
							                
							                
											<div class="form-group">
												<label class="col-sm-2 control-label">备注:</label>
												<div class="col-sm-9">
													<textarea id="remark" name="remark"
														placeholder="请输入备注信息,最大长度150个字" rows="4"  class="form-control"></textarea>
													<span id="prompt"></span>
												</div>
											</div>
										</div>
									</div>
							</div>
							<div class="col-md-2">
								<div id="scrollspy-control">
									<nav class="affix">
							            <ul class="nav">
											<li class=""><a href="#one">基础信息</a></li>
											<li class=""><a href="#two">环境配置</a></li>
											<li class=""><a href="#three">选择组件</a></li>
							            </ul>
							          </nav>
								</div>
							</div>
						</div>
					</form>
					
					
					<div style="height:70px;"></div>
					
					
				</div>
			</div>
		</div>
		<div class="row form-fixed-btns affix">
			<div class="col-md-2 col-md-offset-5 text-center">
				<a class="btn btn-success btn-block">提交</a>
			</div>
			<div class="col-md-2 text-center">
				<a class="btn btn-default btn-block">重置</a>
			</div>
		</div>

		<!--=========================  过程可视化消息栏  ==========================-->
		<jsp:include page="../framework/aside.jsp" />
	
		<!--=========================  左侧菜单  ==========================-->
		<jsp:include page="../framework/lefter.jsp" />

		<!--=========================  页面底部版权信息  ==========================-->
		<jsp:include page="../framework/footer.jsp" />

	</div>
	
	<!--=========================  返回顶层按钮  ==========================-->
	<button class="scroll-top btn">
		<i class="pci-chevron chevron-up"></i>
	</button>
	<!--=========================  选择皮肤功能  ==========================-->
	<jsp:include page="../framework/page-set.jsp" />
	
	<div id="floating-top-right" class="floating-container"></div>
</div>
<!--===================================================-->
<!-- END OF CONTAINER -->

<jsp:include page="../framework/script.jsp" />

<script type="text/javascript">
	$(function() {
		/*  */$('body').scrollspy({
			target : '#scrollspy-control'
		})
		//$('#scrollspy-control').scrollspy();
	})
	<!--
//-->
</script>

</body>
</html>